<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>主角列表</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/sm-extend.min.css">
<link rel="stylesheet" href="font/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/by_m.css" />
</head>

<body>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group"> 
  <!-- 单个page ,第一个.page默认被展示-->
  <div class="page"> 
    <!-- 标题栏 -->
    <header class="bar bar-nav"> <a href="#" onclick="javascript :history.back(-1);window.location.reload()" class="icon iconfont icon-fanhui pull-left"></a> <a class="icon iconfont icon-more pull-right"></a>
      <h1 class="title">找女主角</h1>
    </header>
    
    <!-- 工具栏 -->
<nav class="bar bar-tab"> <a class="tab-item external" href="#"> <span class="icon iconfont icon-index"></span> <span class="tab-label">首页</span> </a> <a class="tab-item external" href="demand_list.html"> <span class="icon iconfont icon-xuqiu"></span> <span class="tab-label">发需求</span> </a> <a class="tab-item external" href="news.html"> <span class="icon iconfont icon-news"></span> <span class="tab-label">资讯</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-kefu"></span> <span class="tab-label">客服</span> </a> <a class="tab-item external" href="#" id="qr-code"> <span class="icon iconfont icon-code"></span> <span class="tab-label">求关注</span> </a> </nav>
    
    <!-- 这里是页面内容区 -->
    <div class="content">
      <div class="content-padded">
        <div class="lead-avatar"> <img src="temp/avatar_03.jpg"/> </div>
        <div class="lead-info">
          <div class="lead-title">
            <h1 class="female">程木磊<span class="iconfont icon-xingbienv-copy"></span></h1>
            <div class="lead-btn"> <a href="#"><i class="iconfont icon-add"></i>关注</a> | <a href="#"><i class="iconfont icon-xinfeng"></i>私信</a> </div>
          </div>
          <div class="lead-con">
            <p class="width100">所属经纪公司：北京演员工会</p>
            <p>国别：中国 </p>
            <p>常住城市：北京</p>
            <p>出生地：北京</p>
            <p>星座：巨蟹座</p>
            <p>生日：7.5</p>
            <p>身高：183cm</p>
            <p>体重：45kg</p>
            <p>最高学历：本科 </p>
            <p>毕业院校：北京电影学院（北京）培训中心</p>
          </div>
          <div class="lead-con">
            <p>工作语言：</p>
            <p>特长/技能：打篮球</p>
            <p>获奖/荣誉：</p>
            <p>出生地：北京</p>
            <p>广告定位：</p>
          </div>
          <div class="lead-con">
            <h1>参与过的作品/角色：</h1>
            <ul>
              <li>来自未来的导演</li>
              <li>越光宝盒</li>
              <li>私宠明星情人</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="qr-code" style="display: none;">
					<img src="images/code.jpg" />
				</div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
		<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
		<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#qr-code").click(function() {
					$(".qr-code").show();
				});
				$(".qr-code").click(function() {
					$(".qr-code").hide();
				});
			});
		</script>
</body>
</html>